<template>
   <div class="web-font">
        <img src="../assets/img/show-banner.png" width="100%"/>
	   	<div class="b9_show">
	         <div class="page_sign">
	         	<p>首頁 >  <span style="color: black;">邦九社區</span></p>
	         </div>
	         <div>
	         		<p class="b9_show-title">买家秀</p>
			        <el-row>
		    			<el-col :lg="10" :sm="10" :xs="10" ><hr size="1" color="#242424" width="100%" /></el-col>
		    			<el-col :lg="4" :sm="4" :xs="4"><span>BUYER SHOW</span></el-col>
		    			<el-col :lg="10" :sm="10" :xs="10" ><hr size="1" color="#242424" width="100%"/></el-col>
		    		</el-row>
		    		<div>
		    			<div>
		    				<el-row :gutter="20">
			    				<el-col :lg="6" :sm="6" :xs="6">
			    					<div><img src="../assets/img/show1.png" /></div>
			    					<div style="margin-top: 18px;"><img src="../assets/img/show3.png" /></div>
			    				</el-col>
			    				<el-col :lg="18" :sm="18" :sx="18">
			    					<div><img style="" src="../assets/img/show2.png" /></div>
			    				</el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show4.png" /></div></el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show5.png" /></div></el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show6.png" /></div></el-col>
			    			</el-row>
		    			</div>
		    			<div style="margin: 100px 0;">
		    				<el-row :gutter="20">
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show7.png" /></div></el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show8.png" /></div></el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show9.png" /></div></el-col>
			    				<el-col :lg="6" :sm="6" :xs="6"><div><img src="../assets/img/show10.png" /></div></el-col>
			    			</el-row>
		    			</div>
		    			<div>
		    				<el-row :gutter="20">
			    				<el-col :lg="8" :sm="8" :xs="8"><div><img src="../assets/img/show11.png" /></div></el-col>
			    				<el-col :lg="8" :sm="8" :xs="8">
			    					<div style="margin-bottom: 12px;"><img src="../assets/img/show12.png" /></div>
			    					<div><img src="../assets/img/show13.png" /></div>
			    				</el-col>
			    				<el-col :lg="8" :sm="8" :xs="8"><div><img src="../assets/img/show14.png" /></div></el-col>
			    			</el-row>
		    			</div>
		    			
		    			<el-row>
		    				<el-col :lg="24" :sm="24" :xs="24"><img src="../assets/img/show15.png" /></el-col>
		    			</el-row>
		    		</div>
		     </div>
	   </div>
   </div>
   
</template>

<script>
	export default {
	  	name:'Bshow',
	  	mounted(){
	  		this.tableData()
	    },
	    data(){
	    	return {
	    		msg:1
	    	}
	    },
	    methods:{
	    	tableData(){
	    		let self = this;
				this.msg="7";
	    	}
	    }
	}
</script>

<style>
	.b9_show  .el-col {
     margin-bottom: 20px;
     
  }
   .b9_show  .el-col  img{
   	border: dotted 1px #000000;
   }
	.b9_show img{
		width: 100%;
		height: 100%;
	}
	.b9_show-title{
		font-size: 28px;
		font-weight: bold;
		margin: 0;
		margin-bottom: 5px;
	}
	.b9_show{
		width: 70%;
		margin-left: 15%;
		text-align: center;
	}
	.b9_show .page_sign{
		color: #959595;
		font-size: 12px;
		text-align: left;
	}
</style>